<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link type="text/css"
	href="${pageContext.request.contextPath}/themes/icon.css"
	rel="stylesheet">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
<title>自损管理</title>
<script type="text/javascript">
$(function() {
	
	$('#dg').datagrid({
		toolbar : [ {
			//新增自损商品信息功能
			iconCls : 'icon-add',
			text : '新增自损商品',
			handler : function() {
				//显示窗口
				$('#win').window('open');
				//清空文本框
				$('#tb1').textbox('clear');
				$('#tb2').textbox('clear');
				$('#tb3').textbox('clear');
				$('#tb4').textbox('clear');
				$('#tb5').textbox('clear');
				$('#tb6').textbox('clear');
			}
		}, '-', {
			//修改自损商品信息功能
			iconCls : 'icon-edit',
			text : '修改自损商品信息',
			handler : function() {
				var up = $('#dg').datagrid('getSelections');
				if (up.length == 1) {
					$('#win1').window('open');
					//赋值
					$('#tb11').textbox('setValue', up[0].zspId);
					$('#tb11').textbox('textbox').attr('readonly',true);
					$('#tb22').textbox('setValue', up[0].zspAmount);
					$('#tb33').textbox('setValue', up[0].zsReason);
					$('#tb44').textbox('setValue', up[0].zsId);
				}else if(up.length==0){
					$.messager.alert('我的消息','请勾选需要修改的信息','info');
					$('#dg').datagrid('clearSelections');
				}else{
					$.messager.alert('我的消息','一次只能修改一条信息','info');
				}
			}
		}, '-', {
			//删除自损信息功能
			iconCls : 'icon-remove',
			text : '删除自损信息',
			handler : function() {
				var se = $('#dg').datagrid('getSelections');
				if (se.length > 0) {
					$.messager.confirm('确认对话框', '确定要删除吗？', function(r) {
						if (r) {
							$.each(se, function(i, n) {
								var zspId = se[i].zspId;
								var zspAmount = se[i].zspAmount;
								var zsReason = se[i].zsReason;
								var zsId = se[i].zsId;
								var zspName = se[i].zspName;
								var zspCost = se[i].zspCost;
								$.ajax({
									type : 'post',
									url : 'removeZs',
									data : {
										'zspId':zspId,'zspAmount':zspAmount,'zsReason':zsReason,
										'zsId':zsId,'zspName':zspName,'zspCost':zspCost
									},
									dataType : 'json',
									success : function(data) {
										if (1 == data) {
											$.messager.show({
												title : '我的消息',
												msg : '删除成功',
												showType : 'show',
												timeout : 2000,
											})
											//重加载页面
											$('#dg').datagrid('reload');
										} else {
											$.messager.show({
												title : '我的消息',
												msg : '删除失败',
												showType : 'show',
												timeout : 2000,
											});
										}
									}
								})
							})
						} else {
							//取消所选中的行
							$('#dg').datagrid('clearSelections');
						}
					})
				} else {
					$.messager.alert('我的消息', '请勾选您要删除的行', 'info');
				}
			}
		}, '-', {
			//自损信息查询
			iconCls : 'icon-search',
			text : '查询',
			handler : function() {
				$('#win2').window('open');
				$('#tb111').textbox('clear');
				$('#tb222').textbox('clear');
				}
			}],
		url : 'showZs',
		columns : [ [ {
			field : 'ck',
			width : 100,
			checkbox : true
		}, {
			field : 'zsId',
			title : '自损编号',
			width : 100,
			align : 'center',
		}, {
			field : 'zspId',
			title : '自损商品编号',
			width : 100,
			align : 'center',
		}, {
			field : 'zspName',
			title : '自损商品名称',
			width : 100,
			align : 'center'
		}, {
			field : 'zspAmount',
			title : '自损商品数量',
			width : 100,
			align : 'center'
		},  {
			field : 'zspCost',
			title : '自损商品进价',
			width : 100,
			align : 'center'
		}, {
			field : 'zspTime',
			title : '商品自损时间',
			width : 100,
			align : 'center'
		}, {
			field : 'zspPeople',
			title : '自损写入人员',
			width : 100,
			align : 'center'
		}, {
			field : 'zsReason',
			title : '商品自损缘由',
			width : 100,
			align : 'center'
		} ] ],
		fitColumns : true,
		rownumbers : true,
		pagePosition : 'bottom',
		pagination : true,
	});
	//增加自损商品信息确定按钮的事件
	$('#btn1').bind('click', function() {
		var zspId = $('#tb1').textbox('getValue');
		var zspAmount = $('#tb2').textbox('getValue');
		var zsReason = $('#tb4').textbox('getValue');
		$.ajax({
			type : 'post',
			url : 'insertZs',
			data : {
				'zspId' : zspId,
				'zspAmount' : zspAmount,
				'zsReason' : zsReason,
				
			},
			dataType : 'json',
			success : function(data) {
				if (data == 1) {
					$.messager.show({
						title : '我的消息',
						msg : '自损信息增加成功',
						timeout : 2000,
						showType : 'slide'
					});
					$('#dg').datagrid('reload');
					$('#win').window('close');
				} else {
					$.messager.show({
						title : '我的消息',
						msg : '自损信息增加失败，库存不足',
						timeout : 2000,
						showType : 'slide'
					});
				}
			}

		})

	});
	//增加取消按钮的事件
	$('#btn2').bind('click', function() {
		$('#win').window('close');
	});
	//自损信息修改确认按钮的事件
	$('#btn3').bind('click', function() {
		var zspId = $('#tb11').textbox('getValue');
		var zspAmount = $('#tb22').textbox('getValue');
		var zsReason =  $('#tb33').textbox('getValue');
		var zsId =  $('#tb44').textbox('getValue');
		
		$.ajax({
			url:'updataZs',
			type:'post',
			data:{'zspId':zspId,'zspAmount':zspAmount,'zsReason':zsReason,'zsId':zsId},
			dataType:'json',
			success:function(data){
				if(data==1){
					$.messager.show({
						title:'我的消息',
						msg:'修改成功',
						timeout:2000,
						showType:'slide'})
						$('#dg').datagrid('reload');
						$('#win1').window('close');
				}else{
					$.messager.show({
						title:'我的消息',
						msg:'修改失败',
						timeout:2000,
						showType:'slide'})
				}
			}
		})
	});
	//自损信息修改取消按钮的事件
	$('#btn4').bind('click', function() {
		$('#dg').datagrid('clearSelections');
		$('#win1').window('close');
	});
	
	//输入供货商Id时的提示
	$('#tb7').textbox({
		icons: [{
			iconCls:'icon-help',
			handler: function(e){
				alert('请通过查询获得供应商Id,若是新的供应商,请先添加该供应商!');
			}
		}]
	});
	
	
	//查询提交
	$('#btn5').bind('click', function() {
		$('#win3').window('open');
		$('#win2').window('close');
		$('#dg1').datagrid({
			queryParams: {
				searType: $('#tb111').textbox('getValue'),
				sertInfo: $('#tb222').textbox('getValue')
			},
			url : 'serachZsByInfo',
			columns : [ [ {
				field : 'zsId',
				title : '自损编号',
				width : 100,
				align : 'center',
			}, {
				field : 'zspId',
				title : '自损商品编号',
				width : 100,
				align : 'center',
			}, {
				field : 'zspName',
				title : '自损商品名称',
				width : 100,
				align : 'center'
			}, {
				field : 'zspAmount',
				title : '自损商品数量',
				width : 100,
				align : 'center'
			},  {
				field : 'zspCost',
				title : '自损商品进价',
				width : 100,
				align : 'center'
			}, {
				field : 'zspTime',
				title : '商品自损时间',
				width : 100,
				align : 'center'
			}, {
				field : 'zspPeople',
				title : '自损写入人员',
				width : 100,
				align : 'center'
			}, {
				field : 'zsReason',
				title : '商品自损缘由',
				width : 100,
				align : 'center'
			} ] ],
			fitColumns : true,
			rownumbers : true,
			pagePosition : 'bottom',
			pagination : true,
		})		
	});
	
	
	//取消查询
	$('#btn6').bind('click', function() {
		$('#win2').window('close');
	});
	
	//查询界面下拉菜单
		$('#tb111').combobox({    
			valueField: 'label',
			textField: 'value',
			data: [{
				label: 'zspId',
				value: '自损订单编号'
			},{
				label: 'zspName',
				value: '自损商品名称'
			},{
				label: 'zspTime',
				value: '自损申报时间'
			},{
				label: 'zspPeople',
				value: '自损申报人'
			}]
		});
	
})

</script>
</head>
<body>

<!-- 库存展示的表格 -->
	<table id="dg"></table>
	
	
<!-- 添加自损的表格 -->	
	<div id="win" class="easyui-window" title="入库详细信息"
		style="width: 700px; height: 500px"
		data-options="iconCls:'icon-save',modal:true,closed:true">
		<div id="insert" style="margin-left: 150px; margin-top: 70px">
			自损商品编号<input id="tb1" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			自损商品数量<input id="tb2" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			商品自损缘由<input id="tb4" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			<div style="margin-left: 100px; margin-top: 30px">
				<a id="btn1" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">确定</a> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a id="btn2" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-no'">取消</a>
			</div>
		</div>
	</div>
	<!-- 修改自损信息的表格 -->

	<div id="win1" class="easyui-window" title="库存修改"
		style="width: 600px; height: 400px"
		data-options="iconCls:'icon-save',modal:true,closed:true">

		<div id="update" style="margin-left: 150px; margin-top: 70px">
			自损商品编号<input id="tb11" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			自损商品数量<input id="tb22" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			商品自损缘由<input id="tb33" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			自损商品Id<input id="tb44" class="easyui-textbox" style="width: 200px; heigh: 20px"><br>
			<div style="margin-left: 100px; margin-top: 30px">
				<a id="btn3" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">确定</a> 
				<a id="btn4" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-no'">取消</a>
			</div>
		</div>
	</div>
	
	<!-- 查询自损信息页面 -->
<div id="win2" class="easyui-window" title="库存查询" style="width: 600px; height: 400px" data-options="iconCls:'icon-save',modal:true,closed:true">
     <div id="serach" style="margin-left: 150px; margin-top: 70px">
<!-- 下拉选择+输入 -->
        <div>
请选择想查询的类别<input id="tb111" class="easyui-textbox" style="width: 200px; heigh: 20px"><br><br>
请选择想查询的内容<input id="tb222" class="easyui-textbox" style="width: 200px; heigh: 20px"><br><br>
                <a id="btn5" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">确定</a> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a id="btn6" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-no'">取消</a>
        </div>
	</div>
</div>


<!-- 查询内容展示 -->
<div id="win3" class="easyui-window" title="库存查询" style="width: 600px; height: 400px" data-options="iconCls:'icon-save',modal:true,closed:true">
<table id="dg1"></table>




</body>
</html>